    <div class="sys-title">
      <h2 id="TopName"></h2>
      <select id="keyType">
        <!--<option>请选择要分析的资源</option>
        <option>Hbase-1</option>
        <option>Hbase-2</option>
        <option>Oracle-1</option>
        <option>Oracle-2</option>
        <option>Solr</option>
        <option>门户网站</option>
        <option>数据资源共享目录</option>
        <option>在线政务</option>-->
      </select>
      <input type="text" id="keyTime"  title="统计周期"> <button class="btn" id="showChart">分析</button>
      <div class="alink"><a href="javascript:void(0);" onclick="javascript:history.go(-1)"><i class="icon-reply"></i>返回</a></div>
    </div>

    <div class="sys-content">
      <div class="col-left">
        <div class="panel" style="min-height:720px;">
          <div class="panel-head">
            <div class="panel-title">
              <h3>资源概况</h3>
            </div>
            <div class="alink"><a id="tablefull" href="javascript:void(0)"></a></div>
          </div>
          <div class="panel-body">
            <table class="table">
              <tbody id="bodyT">
                <!--<tr>
                  <td class="tdtit" style="width:40%">名称</td>
                  <td id="nameT">HBASE</td>
                </tr>
                <tr>
                  <td class="tdtit">IP</td>
                  <td id="ipT">172.17.25.221</td>
                </tr>
                <tr>
                  <td class="tdtit">重要度</td>
                  <td><label class="badge badge-gray" id="weightT">一般</label></td>
                </tr>
                <tr>
                  <td class="tdtit" id="tipName"></td>
                  <td><label class="label fc-danger">读<i class="icon-order-desc"></i> 988934</label>  <label class="label fc-success">写<i class="icon-order-asc"></i> 732922</label></td>
                </tr>
                <tr>
                  <td class="tdtit">风险事件</td>
                  <td><label class="label label-danger">高：224</label> <label class="label label-warning">中：4214</label> <label class="label label-primary">低：3214</label></td>
                </tr>-->
              </tbody>
            </table>
          </div>

          <div class="panel-head">
            <div class="panel-title">
              <h3>库表访问排名</h3>
            </div>
          </div>
          <div class="panel-body">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>序号</th>
                  <th>库表名称</th>
                  <th>访问人次</th>
                </tr>
              </thead>
              <tbody id="bodyB">
              </tbody>
            </table>
          </div><!--panel-body end-->
        </div>
      </div>

      <div class="col-right" style="padding-left:20px;">
        <div class="panel" style="min-height:720px;">
<!--           <div class="panel-head">
            <div class="panel-title">
              <h3>流量概览</h3>
            </div>
          </div> -->
          <div class="panel-body">
            <div class="row">
            <div id="chart1" class="chart col-4" >loading...</div>
        <!--    <div id="chart5" class="chart col-3">loading...</div>-->
            <div id="chart2" class="chart col-4">loading...</div>
            <div id="chart3" class="chart col-4">loading...</div>
            </div>
            <div class="row">
              <div id="chart4" class="chart">loading...</div>
            </div>


          </div><!--panel-body end-->
        </div>
      </div>

    </div>

  <div class="dialog" id="info">
    <div class="dialog-win">
      <div class="dialog-head"><span>客户端详情</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
      <div class="dialog-body">
        <table class="table table-striped">
          <thead>
            <tr>
              <th width="5%" class="no-sort">序号</th>
              <th>客户端名称</th>
              <th>客户端IP</th>
              <th>数据读取量</th>
              <th>数据写入量</th>
              <th>总量</th>
            </tr>
          </thead>
          <tbody >
            <tr>
              <td>1</td>
              <td>交换服务1</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1325万条</td>
              <td>1325万条</td>
            </tr>
            <tr>
              <td>2</td>
              <td>交换服务1</td>
              <td>172.191.223.124</td>
              <td>300万条</td>
              <td>1335.2万条</td>
              <td>1335.2万条</td>
            </tr>
            <tr>
              <td>3</td>
              <td>交换服务1</td>
              <td>172.191.223.138</td>
              <td>300万条</td>
              <td>1325万条</td>
              <td>1325万条</td>
            </tr>
            <tr>
              <td>4</td>
              <td>门户</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1335.2万条</td>
              <td>1335.2万条</td>
            </tr>
            <tr>
              <td>5</td>
              <td>门户</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1325万条</td>
              <td>1325万条</td>
            </tr>
            <tr>
              <td>6</td>
              <td>门户1</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1335.2万条</td>
              <td>1335.2万条</td>
            </tr>
            <tr>
              <td>7</td>
              <td>门户1</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1325万条</td>
              <td>1325万条</td>
            </tr>
            <tr>
              <td>8</td>
              <td>门户1</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1335.2万条</td>
              <td>1335.2万条</td>
            </tr>
            <tr>
              <td>9</td>
              <td>门户1</td>
              <td>172.191.223.15</td>
              <td>300万条</td>
              <td>1325万条</td>
              <td>1325万条</td>
            </tr>
            <tr>
              <td>10</td>
              <td>门户1</td>
              <td>177.191.223.15</td>
              <td>300万条</td>
              <td>1335.2万条</td>
              <td>1335.2万条</td>
            </tr>
          </tbody>
        </table>
      </div><!--dialog-body end-->
    </div><!--dialog-win end-->
  </div><!--dialog end-->
    <script src="./scripts/app/safe/dataRegulation/daterRangeDefine.js"></script>
<script src="./scripts/app/safe/dataRegulation/sourceLaw.js"></script>

<script>

  (function($){
    $(window).load(function(){
      $(".dialog-body").mCustomScrollbar({
        autoHideScrollbar:true,
        advanced:{
          autoExpandHorizontalScroll:true
        }
      });
    });
  })(jQuery);







</script>